<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="Bookmark" href="favicon.ico">
    <link rel="Shortcut Icon" href="favicon.ico" />
    <!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
    <link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
    <!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script><![endif]-->
    <!--/meta 作为公共模版分离出去-->
    <!-- me修改的css样式 -->
    <link rel="stylesheet" type="text/css" href="css/systemmain.css">
    <title>职位列表</title>
</head>

<body>
    <!--_header 作为公共模版分离出去-->
    <header class="navbar-wrapper">
        <div class="navbar navbar-fixed-top">
            <div class="container-fluid cl"> <a class="logo navbar-logo f-l mr-10 hidden-xs">POS机后台管理</a> <a class="logo navbar-logo-m f-l mr-10 visible-xs">H-ui</a> <span class="logo navbar-slogan f-l mr-10 hidden-xs">v3.0</span> <a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:;">&#xe667;</a>
               
                <nav id="Hui-userbar" class="nav navbar-nav navbar-userbar hidden-xs">
                    <ul class="cl">
                        <li>超级管理员</li>
                        <li class="dropDown dropDown_hover"> <a href="#" class="dropDown_A">admin <i class="Hui-iconfont">&#xe6d5;</i></a>
                            <ul class="dropDown-menu menu radius box-shadow">
                                <li><a href="javascript:;" onClick="myselfinfo()">个人信息</a></li>
                                <li><a href="index.html">切换账户</a></li>
                                <li><a href="index.html">退出</a></li>
                            </ul>
                        </li>
                        <li id="Hui-msg"> <a href="#" title="消息"><span class="badge badge-danger">1</span><i class="Hui-iconfont" style="font-size:18px">&#xe68a;</i></a> </li>
                        <li id="Hui-skin" class="dropDown right dropDown_hover"> <a href="javascript:;" class="dropDown_A" title="换肤"><i class="Hui-iconfont" style="font-size:18px">&#xe62a;</i></a>
                            <ul class="dropDown-menu menu radius box-shadow">
                                <li><a href="javascript:;" data-val="default" title="默认（黑色）">默认（黑色）</a></li>
                                <li><a href="javascript:;" data-val="blue" title="蓝色">蓝色</a></li>
                                <li><a href="javascript:;" data-val="green" title="绿色">绿色</a></li>
                                <li><a href="javascript:;" data-val="red" title="红色">红色</a></li>
                                <li><a href="javascript:;" data-val="yellow" title="黄色">黄色</a></li>
                                <li><a href="javascript:;" data-val="orange" title="橙色">橙色</a></li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <!--/_header 作为公共模版分离出去-->
    <!--_menu 作为公共模版分离出去-->
    <aside class="Hui-aside">
        <div class="menu_dropdown bk_2">
            
            <dl id="menu-picture">
                <dt><i class="Hui-iconfont">&#xe613;</i> 用户管理<i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
                <dd>
                    <ul>
                        <li class="current"><a href="article-list.html" title="个人求职者">个人求职者</a></li>
                        <li><a href="article-listHR.html" title="兼职猎头">兼职猎头</a></li>
                        <!-- <li><a href="article-listHRteam.html" title="猎头团队">猎头团队</a></li> -->
                        <!-- <li><a href="article-listHR.html" title="会员">会员</a></li> -->
                    </ul>
                </dd>
            </dl>
            <dl id="menu-tongji">
                <dt class="selected"><i class="Hui-iconfont">&#xe61a;</i> 职位管理<i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
                <dd style="display: block;">
                    <ul>
                        <li><a href="qytjzw.html" title="发布职位">发布职位</a></li>
                        <li class="current"><a href="picture-list.html" title="账单管理">所有职位</a></li>
                        
                        <li><a href="product-resumeApplication.html" title="简历申请">简历申请</a></li>
                        <li><a href="product-getenrollogs.html" title="报名记录">报名记录</a></li>
                    </ul>
                </dd>
            </dl>
            <dl id="menu-product">
            <dt><i class="Hui-iconfont">&#xe620;</i> 提现与投诉建议<i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
            <dd>
                <ul>
                    <li><a href="tixiantousu-tixian.html" title="提现记录">提现记录</a></li>
                    <li class="current"><a href="tixiantousu-tousu.html" title="投诉建议">投诉建议</a></li>
                    <!-- <li><a href="product-category.html" title="分类管理">分类管理</a></li> -->
                    <!-- <li><a href="product-list.html" title="产品管理">产品管理</a></li> -->
                </ul>
            </dd>
        </dl>
        </div>
    </aside>
    <div class="dislpayArrow hidden-xs"><a class="pngfix" href="javascript:void(0);" onClick="displaynavbar(this)"></a></div>
    <!--/_menu 作为公共模版分离出去-->
    <section class="Hui-article-box">
        <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i>
            <a href="index.html"> 首页</a> <span class="c-gray en">&gt;</span> 职位管理 <span class="c-gray en">&gt;</span> 所有职位 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a></nav>
        <div class="Hui-article" id="bill">
            <article class="cl pd-20">
                
                <div class="cl pd-5 bg-1 bk-gray mt-20">
                   <input type="text" class="input-text" style="width:250px" placeholder="输入关键字" id="idphoneval" name="">
                   
                    <li id="Hui-skin" class="dropDown right dropDown_hover">
                            
                            <li class="dropDown dropDown_hover"> <a href="#" class="dropDown_A"><button type="submit" class="btn btn-success" @click="chazhaopostion" name=""> 搜职位<i class="Hui-iconfont">&#xe6d5;</i></button> </a>
                            <ul class="dropDown-menu menu radius box-shadow">
                                <li @click="chahzaoid"><a href="javascript:;" >职位ID</a></li>
                                <li @click="chahzaotype"><a href="javascript:;">兼职全职</a></li>
                                <li @click="chahzaowelfare"><a href="javascript:;">福利</a></li>
                                <li @click="chazhaoarea"><a href="javascript:;">工作地点</a></li>
                            </ul>
                        </li>
                        </li>
                    <span class="r">共有数据：<strong>{{tote}}</strong> 条</span> </div>
                <div class="hid">
                    <div class="sele">
                        <span>显示</span>
                        <select name="" class="selectnum">
                            <option value="0">10</option>
                            <option value="1">20</option>
                            <option value="11">30</option>
                            <option value="12">50</option>
                            <!-- <option value="13">├行业新闻</option> -->
                        </select>
                        <span> 条</span>
                    </div>
                   <!--  <div class="search">
                       <input id="searchtxt" type="text" class="input-text radius ac_input " placeholder="检索">
                       <select id="searchbtn">
                           <option value="999999">检索</option>
                           <option value="9">账单ID检索</option>
                           <option value="0">用户ID检索</option>
                           <option value="1">用户名</option>
                           <option value="2">微信号</option>
                           <option value="3">手机号</option>
                           <option value="4">日期</option>
                           <option value="5">地区</option>
                           <option value="6">订单状态</option>
                           <option value="7">性别</option>
                           <option value="8">年龄</option>
                       </select>
                       <a style="text-decoration:none" class="ml-5" title="嗖的一下"><i class="Hui-iconfont">&#xe665;</i></a>
                   </div> -->
                </div>
                <div class="" id="mt-20">
                    <div class="searchno"></div>
                    <table class="table table-border table-bordered table-bg table-hover table-sort td1 radius">
                        <thead>
                            <tr class="text-c">
                                <th>
                                    <input name="" type="checkbox" value="">
                                </th>
                                <th onclick="paixuid()">职位ID</th>
                                <th onclick="paixuuserid()">公司名</th>
                                <th>职位</th>
                                <th>工作地点</th>
                                <th>需求年龄</th>
                                <th>佣金</th>
                                <th>面试地点</th>
                                <th>需求性别</th>
                                <th onclick="paixuwages()">需求学历</th>
                                <!-- <th>Tags</th> -->
                                <th onclick="paixutime()">需求资历</th>
                                <th>薪资</th>
                                <th>发布时间</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody class="tbody">
                            <tr class="text-c" v-for="item in labels">
                                <td>
                                    <input name="" type="checkbox" value="">
                                </td>
                                <td>{{item.id}}</td>
                                <td>{{item.company}}</td>
                                <td>{{item.position}}</td>
                                <td width="5%">{{item.area}}</td>
                                <td>{{item.agerange}}</td>
                                <td>{{item.commission}}</td>
                                <td>{{item.interview}}</td>
                                <td>{{item.sex}}</td>
                                <td class="text-l">{{item.edueational}}</td>
                                <!-- <td class="text-c">标签</td> -->
                                <td>{{item.worktime}}</td>
                                <td class="td-status"><span class="">{{item.wages}}</span></td>
                                <td>{{item.createtime}}</td>
                                <td class="td-manage">
                                    <!-- <a style="text-decoration:none" onClick="picture_stop(this,'10001')" href="javascript:;" title="下架"><i class="Hui-iconfont">&#xe6de;</i></a> -->
                                    <a style="text-decoration:none" class="ml-5" :href="item.alterjob" title="编辑职位"><span onclick="picture_edit('编辑职位','picture_edit.html')"><i class="Hui-iconfont">&#xe6df;</i></span></a>
                                    <a style="text-decoration:none" class="ml-5" :href="item.xqurl" title="查看职位"><span onclick="picture_edit('查看职位','picture_edit.html')"><i class="Hui-iconfont">&#xe720;</i></span></a>
                                    <a style="text-decoration:none" class="ml-5" @Click="remove(item.id)" title="删除"><i class="Hui-iconfont">&#xe6e2;</i></a>
                                </td>
                                
                            </tr>
                        </tbody>
                    </table>
                    <!-- 分页 -->
                    <div class="pades r mt-20">
                        <input type="button" class="btn btn-default r btn1dis" value="下一页" @click="downpages">
                        <strong class="pagessto">1</strong>
                        <input type="button" class="btn btn-default r btnupdis disabled" value="上一页" @click="uppages">
                    </div>
                    <!-- 详细信息 -->
                    <div class="" id="details">
                        <a href="javascript:;" style="float: right; margin-right: 20px;" @click="returna">返回账单</a>
                        <table class="table table-border table-bordered table-bg table-hover td2 radius" id="table">
                            <thead>
                                <tr class="text-c">
                                    <th>
                                        <input name="" type="checkbox" value="">
                                    </th>
                                    <th>账单ID</th>
                                    <th>用户ID</th>
                                    <th>用户名</th>
                                    <th>奖金</th>
                                    <th>大POS上月分润</th>
                                    <th>MPOS上月分润</th>
                                    <!-- <th>Tags</th> -->
                                    <!-- <th>下线刷卡金额(比例)</th> -->
                                    <th>机器售卖</th>
                                    <th>官方返利</th>
                                    <th>上月欠款</th>
                                    <th>月工资</th>
                                    <th>交易方式</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="text-c">
                                    <td>
                                        <input name="" type="checkbox" value="">
                                    </td>
                                    <td>{{billid1}}</td>
                                    <td>{{userid1}}</td>
                                    <td>{{area1}}</td>
                                    <td><a href="javascript:;">{{ta1}}</a></td>
                                    <td class="text-l">{{BlastmonthWages}}</td>
                                    <!-- <td class="text-c">标签</td> -->
                                    <td>{{SlastmonthWages}}</td>
                                    <td>{{ta4}}</td>
                                    <td>{{ta5}}</td>
                                    <td><span>{{ta6}}</span></td>
                                    <td>{{Wages}}</td>
                                    <td>{{Payment}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </article>
        </div>
    </section>
    <!--_footer 作为公共模版分离出去-->
    <script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
    <script type="text/javascript" src="static/h-ui/js/H-ui.js"></script>
    <script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.page.js"></script>
    <!--/_footer /作为公共模版分离出去-->
    <!--请在下方写此页面业务相关的脚本-->
    <script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
    <!-- <script type="text/javascript" src="lib/datatables/1.10.0/jquery.dataTables.min.js"></script> -->
    <script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
    <!-- 自己的js -->
    <script type="text/javascript" src="js/vue.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/picture-list-ajax.js"></script>
    <script type="text/javascript">
    // $('.table-sort').dataTable({
    //     "aaSorting": [
    //         [1, "desc"]
    //     ], //默认第几个排序
    //     "bStateSave": true, //状态保存
    //     "aoColumnDefs": [
    //         //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
    //         { "orderable": false, "aTargets": [0, 8] } // 制定列不参与排序
    //     ]
    // });
    /*图片-添加*/
    function picture_add(title, url) {
        var index = layer.open({
            type: 2,
            title: title,
            content: url
        });
        layer.full(index);
    }
    /*图片-查看*/
    function picture_show(title, url, id) {
        var index = layer.open({
            type: 2,
            title: title,
            content: url
        });
        layer.full(index);
    }
    /*图片-审核*/
    function picture_shenhe(obj, id) {
        layer.confirm('审核文章？', {
                btn: ['通过', '不通过'],
                shade: false
            },
            function() {
                $(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="picture_start(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
                $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
                $(obj).remove();
                layer.msg('已发布', { icon: 6, time: 1000 });
            },
            function() {
                $(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="picture_shenqing(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
                $(obj).parents("tr").find(".td-status").html('<span class="label label-danger radius">未通过</span>');
                $(obj).remove();
                layer.msg('未通过', { icon: 5, time: 1000 });
            });
    }
    /*图片-下架*/
    function picture_stop(obj, id) {
        layer.confirm('确认要下架吗？', function(index) {
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="picture_start(this,id)" href="javascript:;" title="发布"><i class="Hui-iconfont">&#xe603;</i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已下架</span>');
            $(obj).remove();
            layer.msg('已下架!', { icon: 5, time: 1000 });
        });
    }

    /*图片-发布*/
    function picture_start(obj, id) {
        layer.confirm('确认要发布吗？', function(index) {
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="picture_stop(this,id)" href="javascript:;" title="下架"><i class="Hui-iconfont">&#xe6de;</i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
            $(obj).remove();
            layer.msg('已发布!', { icon: 6, time: 1000 });
        });
    }
    /*图片-申请上线*/
    function picture_shenqing(obj, id) {
        $(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">待审核</span>');
        $(obj).parents("tr").find(".td-manage").html("");
        layer.msg('已提交申请，耐心等待审核!', { icon: 1, time: 2000 });
    }
    /*图片-编辑*/
    function picture_edit(title, url, id) {
        var index = layer.open({
            type: 2,
            title: title,
            content: url
        });
        layer.full(index);
    }
    /*图片-删除*/
    function picture_del(obj, id) {
        layer.confirm('确认要删除吗？', function(index) {
            $(obj).parents("tr").remove();
            layer.msg('已删除!', { icon: 1, time: 1000 });
        });
    }
    </script>
    <!--/请在上方写此页面业务相关的脚本-->
</body>

</html>